<!DOCTYPE html>
<html>
<#include "../../include/PC_Header.html">
<body>
	<#assign nid="borrow_manage"> 
	<#assign flag="borrow">
	<#include "../../include/header.html">
	<!--#container-->
	<div class="qd_aboutus-top"><h3>您的位置：<a href="/">首页</a>&gt;<a>我的借款</a>&gt;<a href="/member/borrow/mine.html">借款项目</a></h3></div>
	<div class="pb30 pt20">
	<#include "../../include/member_borrow_header.html">
	<!--用户中心的主栏目 开始-->
	<div id="container" class="clearfix">
		<div class="usermain clearfix">
			<!--左边的导航 开始-->
			<div class="user_left">
				<#assign mid="m_borrow" >
				<#include "../borrow_menu.html">
			</div>
			<!--左边的导航 结束-->

			<!--右边的内容 开始-->
			<div class="user_right borrowRepay tab_change">
				<h2 class="user_title">借款流程</h2>
				<div class="borrowFlow"><img alt="借款流程" src="${webroot}${theme_dir}/media/bg/borrowFlow.png" /></div>
				<ul class="title_list">
					<li class="hover"><h2 class="list_btn borrow_detail">还款详情</h2></li>
					<li class=""><h2 class="list_btn repay_detail">借款详情</h2></li>
				</ul>
				
				<!-- S 还款详情 -->
				<div class="list_div" id="repayDetailDiv" style="display: block;">
					<ul class="member_search">
						<li id="shortTime">
							日期范围
							<span id="timeStatus">
								<a href="javascript:;" class="current" data-val="0">全部</a>
								<a href="javascript:;" data-val="7">最近7天</a>
								<a href="javascript:;" data-val="1">1个月</a>
								<a href="javascript:;" data-val="2">2个月</a>
								<a href="javascript:;" data-val="3">3个月</a>
								<em>具体日期&gt;&gt;</em>	
							</span>	
						</li>
						<li id="fullTime" style="display:none;">
							起止日期
							<input type="text" class="dateInput" name="startTime" id="startTime" value="${startTime?default('')}"/> - 
							<input type="text" class="dateInput" name="endTime" id="endTime" value="${endTime?default('')}"/>
							<input id="searchBtn" value="搜索" type="button" class="searchBtn">
							<em>&lt;&lt;日期范围</em>	
						</li>
						<li>
							交易状态
							<span id="status">
								<a href="javascript:;" class="current" data-val="99">全部</a>
								<a href="javascript:;" data-val="0">待还</a>
								<a href="javascript:;" data-val="1">已还</a>
							</span>
						</li>
					</ul>
					<table class="table_content">
						<thead>
							<tr>
								<th class="bidName">借款名称</th>
								<th>期数</th>
								<th>本期还款日</th>
								<th>本期应还本息</th>
								<th>利息</th>
								<th>还款状态</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody id="member_table"></tbody>
					</table>
					<div id="kkpagerRepayDetail" class="kkpager"></div>	
				</div>
				<!-- E 还款详情 -->
				
				<!-- S 借款详情 -->
				<div class="list_div" id="borrowDetailDiv" style="display: none;">
					<ul class="member_search">
						<li id="shortTime">
							日期范围
							<span id="timeStatus">
								<a href="javascript:;" class="current" data-val="9">全部</a>
								<a href="javascript:;" data-val="7">最近7天</a>
								<a href="javascript:;" data-val="1">1个月</a>
								<a href="javascript:;" data-val="2">2个月</a>
								<a href="javascript:;" data-val="3">3个月</a>
								<em>具体日期&gt;&gt;</em>	
							</span>	
						</li>
						<li id="fullTime" style="display:none;">
							起止日期
							<input type="text" class="dateInput" name="startTime" id="startTime1" value="${startTime?default('')}"/> - 
							<input type="text" class="dateInput" name="endTime" id="endTime1" value="${endTime?default('')}"/>
							<input id="searchBtn" value="搜索" type="button" class="searchBtn">
							<em>&lt;&lt;日期范围</em>	
						</li>
						<li>
							交易状态
							<span id="status">
								<a href="javascript:;" class="current" data-val="99">全部</a>
								<a href="javascript:;" data-val="59">管理员撤回</a>
								<a href="javascript:;" data-val="0">待初审</a>
								<a href="javascript:;" data-val="1">初审通过</a>
								<a href="javascript:;" data-val="19">满标待审</a>
								<a href="javascript:;" data-val="2">初审未通过</a>
								<a href="javascript:;" data-val="49">复审未通过</a>
								<a href="javascript:;" data-val="6">还款中</a>
								<a href="javascript:;" data-val="7">部分还款</a>
								<a href="javascript:;" data-val="8">还款成功</a>
							</span>
						</li>
					
					</ul>
					<#assign borrow_type="publish">
				    <#if type?exists>
				    	<#assign borrow_type=type>
				    </#if>
					<!--S-我的借款数据  -->
					<div class="user_right_main">
						<table class="table_content">
						<thead>
							<tr>
								<th  class="bidName">标的名称</th>
								<th>借款类型</th>
								<th>借款金额</th>
								<th>年化收益</th>
								<th>借款期限</th>
								<th>借款进度</th>
								<th>状态</th>
								<th>协议</th>
							</tr>
						</thead>
						<tbody id="member_table">
						</tbody>
					</table>
					<div id="kkpagerBorrowDetail" class="kkpager"></div>
				</div>
			</div>
			<!-- E 借款详情 -->
			
	
		</div>
		</div>
	</div>
	</div>
	<!--用户中心的主栏目 结束-->
	<#include "../../include/PC_Footer_Additional_JS.html">
	<script>seajs.use('member_borrow/borrow_mine');
	
	seajs.use('member_borrow/borrow_repayment');
	</script>
	<script src="/plugins/laydate-v1.1/laydate.js"></script>
	<script src="/themes/theme_default/media/js/date.js"></script>
	<#include "../../include/footer.html">